<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>web-mock-server 服务</title>
    <link rel="stylesheet" href="/public/lib/element-ui/element-ui-2.15.1.css" />
  </head>
  <body>
    <div id="app">
      <h1>hello egg ejs</h1>
      <h1>hello <%=msg%></h1>

      <el-row :gutter="20">
        <el-col :span="6">
          <a href="/swagger-ui.html">接口文档 /swagger-ui.html</a>
        </el-col>
        <el-col :span="6">
          <a href="/public/login.html">登录流程 public/login.html</a>
        </el-col>
        <el-col :span="6">
          <a href="/public/api.html">常用接口测试 public/api.html</a>
        </el-col>
        <el-col :span="6">
          <a href="/public/index.html">静态资源 public/index.html</a>
        </el-col>
        <el-col :span="6"></el-col>
      </el-row>

      <div style="margin-top: 100px">
        <el-button @click="visible = true">Button</el-button>
        <el-button @click="visible = true" type="primary" icon="el-icon-search">Button</el-button>
      </div>

      <el-dialog :visible.sync="visible" title="Hello world">
        <p>Try Element</p>
      </el-dialog>
    </div>
  </body>
</html>

<!-- import Vue before Element -->
<script src="/public/js/vue-2.6.12.js"></script>
<!-- import JavaScript -->
<script src="/public/lib/element-ui/element-ui-2.15.1.js"></script>
<script>
  new Vue({
    el: '#app',
    data: function () {
      return { visible: false };
    },
  });
</script>
